html { overflow-x:hidden; }

.content-header {
	position: relative;
	padding: 0 0 3px 8px
}

.content-header>.breadcrumb {
    position: relative;
    top: 0;
    right: 0;
    float: none;
    margin-top: 0px;
    padding-left: 10px;
    background: #ecf0f5;
}

.main-footer {
    padding: 7px;
    color: #444;
    border-top: 1px solid #eee;
}

[v-cloak] {
  display: none;
}

/*.grid-btn{*/
/*	margin-bottom:12px;*/
/*}*/
/*.grid-btn .btn{*/
/*	margin-right:10px;*/
/*}*/
.pointer{cursor: pointer;}

.ml-10 { margin-left:0 !important; }
@media (min-width: 768px) {
	.ml-10 { margin-left:10px !important; }
	.col-sm-10 {width: 70%;padding-left: 0px;}
	.col-sm-2 {width: 24%;}
}
tbody > tr > th {font-weight: normal; }
.panel .table { margin:0 0; }
.panel .pagination { margin:0; }
.panel-default>.panel-heading {background-color: #f5f5f5;}
.row{
	border-top: 1px solid #ddd;
	margin:0;
	padding:20px 2px 0px 2px;
}
.col-xs-6{padding-left: 0px;padding-right: 0px;}
.form-horizontal .form-group {margin-left:0px;margin-right:0px;}
.form-horizontal{
	width:80%;padding-top:20px;
}

/* ==================== cusom jqgrid ============================= */
.ui-jqgrid{border:solid 0px #fff;}
.ui-jqgrid .table{border-top:solid 1px #dbdbdb;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
   border:solid 0px #fff;
   border-bottom: solid 1px #dbdbdb;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{
    white-space: normal;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td a.label{margin-right: 10px;}
.ui-jqgrid .table>tbody>tr>td,.ui-jqgrid .table>tbody>tr>th,.ui-jqgrid .table>tfoot>tr>td,.ui-jqgrid .table>tfoot>tr>th,.ui-jqgrid .table>thead>tr>td,.ui-jqgrid .table>thead>tr>th{
   padding: 6px;
   font-size: 13px;
}
.ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-toppager{border-top: solid 0px #fff;}

.ui-jqgrid tr.jqgrow td {
    /**/
    /*white-space: normal !important;*/
    height:auto;
    vertical-align:text-top;
    padding-top:2px;
    display: table-cell;
    vertical-align: middle;
}

.jq-td-valign .ui-jqgrid tr.jqgrow td {
   white-space: normal !important;
   height:auto;
   display: table-cell;
   vertical-align: middle;
}

#webpage{padding: 15px;}
.grid-btn{margin-bottom: 15px;}
/*#webpage .jqgfirstrow, #webpage .jqgfirstrow td{padding: 0px;border-right-width: 1px; border-right-style: solid; height:auto;}*/

/*.ui-jqgrid input[type=checkbox], .ui-jqgrid input[type=radio]{position: relative; top:2px;}*/

.button-list{}
    .button-list span.label{font-size: 14px; display:inline-block; margin-right: 15px; cursor: pointer;}

.row-image{padding:0px; width:40px; height:40px; border-radius: 100%;}


.padding10-15{padding: 10px 15px;}
.padding15-0{padding: 20px 0px;}
.padding20-0{padding: 20px 0px;}
.padding10-0{padding: 10px 0px;}
.padding10{padding: 10px;}

form label.block{display: block;}
form .form-group label span.tip{color:#666; font-weight: normal;}
form .form-group label span.tip .red{color:#df4800; font-weight: normal;}
form .form-group label em.key{float: right; font-weight: normal; color:#999}
